<template>
	<view class="container">
		<view class="main">
			<view class="head font28">
				<image class="m_r10" src="../../static/equity_img/ad_blue.png" mode=""></image>
				<text>AD充值</text>
			</view>
			<!-- 圆形样式 -->
			<view class="cirle_box">
				<view class="cirle_left"></view>
				<view class="line"></view>
				<view class="cirle_right"></view>
			</view>
			<view class="bot">
				<view class="box font26">
					<image src="../../static/equity_img/erwm.png" mode=""></image>
					<text class="m_t20">扫一扫  完成充值</text>
				</view>
				<view class="words font26">
					<textarea value="r451df5ds45s1f5d4sf3sdff1f2mdfadrar1e3r451df5ds452mdfadrar1e3r451df5ds45s1f5d4sf3sdff1fsd24" placeholder="" />
				</view>
				<view class="btn_box">
					<button class="font30" type="primary">复制地址</button>
				</view>
			</view>
		</view>
		<view class="footer m_t20">
			<text>·	充值最小金额 0.01 AD 小于最小金额的充值将不会入账</text>
			<text>·	请勿向上述地址充值任何非AD资产，负责资产将不可找回</text>
		</view>
	</view>
</template>

<script>
	export default {
		data () {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	page {
		height: 100vh;
		overflow: hidden;
	}
	.container  {
		height: 100%;
		padding: 0 32upx;
		background: linear-gradient(top, #628dfa, #4a53ee);
		
		.main {
			background: #fff;
			border-radius: 10upx;
			.head {
				display: flex;
				align-items: center;
				padding: 24upx 28upx;
				image {
					width: 56upx;
					height: 56upx;
				}
			}
			// 密封线
			.cirle_box {
				background: #fff;
				display: flex;
				align-items: center;
				justify-content: space-between;
				// 圆圈
				.cirle_left {
					width: 12upx;
					height: 20upx;
					border-radius: 0px 60upx 60upx 0;
					border-left: none;
					background: #5f85f8;
				}
				.cirle_right {
					width: 12upx;
					height: 20upx;
					border-radius: 60upx 0px 0 60upx;
					border-right: none;
					background: #5f85f8;
				}
				.line {
					width: 86vw;
					border-top: 1px dashed #bfbfbf;
				}
			}
			// 二维码
			.bot {
				padding: 0 40upx;
				display: flex;
				flex-direction: column;
				.box {
					display: flex;
					flex-direction: column;
					align-items: center;
					padding: 60upx 0;
					image {
						width: 350upx;
						height: 350upx;
					}
				}
				.words {
					display: inline-block;
					background: url("../../static/equity_img/words_bg.png");
					textarea {
						width: 100%;
						height: 90px;
						padding: 30upx 24upx;
						box-sizing: border-box;
					}
				}
				.btn_box {
					width: 100%;
					padding: 50upx 0;
						button {
						padding: 10upx 0;
						border: none;
						background: linear-gradient(top, #3e9dff, #5e60e8);
					}
					button::after {
						border: 0;
					}
				}
			}
		}
		
		.footer {
			display: flex;
			flex-direction: column;
			color: #919af6;
			font-size: 24upx;
		}
	}
</style>
